<template>
<div class="introduce">
<!--导航栏-->
		<div class="t_banner">
			<img src="../assets/index/index_10.jpg" alt="" class="ban_fix_all" />
			<div class="t_banner_back_all"> 
				
			</div>
		<div class="dh_pc">
			<div class="logo">
				<img src="../assets/logo.png"/>
			</div>
			<div style="width:30%;"></div>
			<div class="dh_list">
				<ul class="dh_ul">
					 <!--v-for="site in lilist"-->
					 <!-- :class="{dh_ul_li:site.index != dhindex,'dhli':site.index == dhindex}"-->
					<li><router-link :to="{name: 'pcindex'}">首页</router-link></li>
					<li  v-on:click="mouseenover()" >
						<div class="bigData"><span>大数据</span><span  :class="{ down: down, 'top': top}"></span>	
						<div class="bigPanel" v-show="bigDataPanel">		
								<p v-for="data in bigDataList" v-on:click="choseData(data.name,data.index)">{{data.name}}</p>
						</div>
					 </div>	
					</li>
					<li v-on:mouseover="mouseenoverone()"><span>测试测评</span><span  :class="{ down: onedown, 'top': onetop}"></span></li>
					<li v-on:mouseover="mouseenovertwo()"><span>志愿填报</span><span  :class="{ down: towdown, 'top': towtop}"></span></li>
					<li>有问必答</li>
					<li>新闻资讯</li>
				</ul>
			</div>
		</div>
		<!---->
		<div class="dh_pc_title">
			<div class="dh_pc_title_b">院校详情</div>
		</div>
	</div>
	<!--中间内容-->
	<div class="fiexd">
		<!--导航-->
     <div class="search_dh">
        <ul>
        	<li><span><router-link :to="{name: 'pcindex'}"> 首页</router-link></span></li>
        	<li><span class="dh_j">></span></li>
        	<li><span>大数据</span></li>
        	<li><span class="dh_j">></span></li>
        	<li><span><router-link :to="{name: 'pcSchool'}">院校大全</router-link></span></li>
        	<li><span class="dh_j">></span></li>
        	<li><span>院校详情</span></li>
        </ul>
     </div>
		<!--大学信息-->
		<div class="univer">
			<div class="univer_left">
				<div class="univer_top">
				<div class="univer_title">
					<span>清华大学</span>&nbsp Tsiinghua University
				</div>
				<div class="univer_watch_map">
					<img src="../assets/introduce/intr_06.png" alt="" /><span>全景地图</span>
					</div>
				</div>
				<!---->
				<div class="univer_symbol">
					<div class="univer_belone">
						<img src="../assets/introduce/s_show_07.png" alt="" class="un_s_logo"/>
						 <ul class="un_symbol_list">
						 	<li><span>本科</span></li>
						 	<li><span>双一流</span></li>
						 	<li><span>985</span></li>
						 	<li><span>211</span></li>
						 	<li><span>工科院校</span></li>
						 	<li><span>研究生院</span></li>
						 </ul>
					</div>
					<div class="univer_evel">
						<div class="univer_evel_star">
							<p>综合评分</p>
							<span><img src="../assets/introduce/intr_10.png"/></span>
						</div>
						<div class="univer_evel_bt">
							<div class="univer_evel_adminn">测录取概率</div>
							<div class="univer_evel_pk">
								<ul>
									<li class="gz"><span>关注</span></li>
									<li><span>对比</span></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!---->
				<div class="univer_s_logo">
					<img src="../assets/introduce/intr_logo_03.png" alt="" />
				</div>
				<!--学校情况导航-->
				<div class="univer_dh">
					<div class="univer_list">
						<ul>
							 <!-- :class="{dh_ul_li:site.index != dhindex,'dhli':site.index == dhindex}"-->
							<li v-for="site in schoolDhList" v-on:click="univerDh(site.index)" :class="{dh_iniver_dh:site.index==sindex,'':site.index != sindex}">
								<div>
									<img :src="site.src" /><span>{{site.name}}</span>
								</div>
							</li>
							
						</ul>
					</div>
					
			<!--院校概况-->
		<div class="yxzs" v-show="yxzs">
					<div class="univer_intr">
						<div class="univer_intr_content">
							<div class="univer_intr_content_left">
								<div class="univer_intr_title">院校介绍</div>
								<div class="univer_intr_center">
									清华大学是中国著名的高等学府，坐落于北京西北部风景秀丽的清华园。学校始建于1991年。一个世纪以来，清湖打学的发展始终与国家和民族的命运兴衰与共。
                            “自强不息、厚德载物”的校训,"行胜于言"的校风，"严谨、勤奋、求实、创新"的学风,以"
                                                           爱国奉献、追求卓越"为核心的清华精神,以及"中西融会，古今贯通、文理渗透"的办学特色,对学校的发展产生了深远的影响.
								</div>
								<div class="univer_find_all">
									查看全部
								</div>
							</div>
							<div class="univer_intr_content_right">
								<div class="univer_intr_right_title">基础信息</div>
								<div class="univer_intr_right_list">
									<ul>
										<li>创建时间：&nbsp<span>1991-01-01</span></li>
										<li>办学性质：&nbsp<span>公立</span></li>
										<li>办学类型：&nbsp<span>办学类型</span></li>
										<li>隶属于：&nbsp<span>教育部</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
								<!--开设专业-->
		<div class="express">
			<div class="ecpress_left">
				<div class="ecpress_left_title">开设专业</div>
				<div class="ecpress_left_center">
					<div class="ecpress_left_center_content">
						<div class="ecpress_left_content">
							<div class="ecpress_left_content_center">
								<!---->
								<div class="ecpress_left_fast_title">
									<img src="../assets/introduce/intr_44.png"/>
									<span>法学</span>
								</div>
								<div class="ecpress_left_fast_list">
									<div class="ecpress_left_fast_li">
										<ul>
											<li><span>法学</span></li>
											<li><span>国际政治</span></li>
											<li><span>社会学</span></li>
										</ul>
									</div>
								</div>
									<!---->
								<div class="ecpress_left_fast_title">
									<img src="../assets/introduce/intr_47.png"/>
									<span>文学</span>
								</div>
								<div class="ecpress_left_fast_list">
									<div class="ecpress_left_fast_li">
										<ul>
											<li><span>英语</span></li>
											<li><span>新闻传播学</span></li>
											<li><span>中国语言文学类</span></li>
											<li><span>文科实验班类</span></li>
											<li><span>人文科学实验班</span></li>
										</ul>
									</div>
								</div>
									<!---->
								<div class="ecpress_left_fast_title">
									<img src="../assets/introduce/intr_49.png"/>
									<span>历史学</span>
								</div>
								<div class="ecpress_left_fast_list">
									<div class="ecpress_left_fast_li">
										<ul>
											<li><span>考古学</span></li>
											<li><span>历史学类</span></li>
										</ul>
									</div>
								</div>
									<!---->
								<div class="ecpress_left_fast_title">
									<img src="../assets/introduce/intr_51.png"/>
									<span>医学</span>
								</div>
								<div class="ecpress_left_fast_list">
									<div class="ecpress_left_fast_li">
										<ul>
											<li><span>临床医学</span></li>
											
										</ul>
									</div>
								</div>
									<!---->
								<div class="ecpress_left_fast_title">
									<img src="../assets/introduce/intr_53.png"/>
									<span>管理学</span>
								</div>
								<div class="ecpress_left_fast_list">
									<div class="ecpress_left_fast_li">
										<ul>
											<li><span>信息管理与信息系统</span></li>
											<li><span>工商管理类</span></li>
											<li><span>公共管理类</span></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--查看更多-->
				<div class="express_find">展开查看更多</div>
			</div>
			
			<!--学费信息综合-->
			<div class="fees">
				<!--学费信息-->
				<div class="s_fees">
					<div class="s_fees_title">学费信息</div>
					<div class="s_fees_list">
						<ul>
							<li>
								<p>当前学费</p>
								<p>5000/年(普通本科专业)</p>
							</li>
							<li>
								<p>文史类普通本科专业的学费</p>
								<p>5000/年</p>
							</li>
							<li>
								<p>理工类普通本科专业的学费</p>
								<p>5000/年</p>
							</li>
						</ul>
					</div>
					
				</div>
				<!--校园生活-->
				<div class="s_life">
					<div class="s_life_title">校园生活</div>
					<div class="s_life_list">
						<ul>
							<li class="s_life_acdom">
								<span>食宿情况</span>
							  <b class="life_right"><i class="life_right-arrow1"></i><i class="life_right-arrow2"></i>	</b>
										
							</li>
							<li class="scholarship"><span>奖助学金</span>
								<b class="life_right"><i class="life_right-arrow1"></i><i class="life_right-arrow2"></i>	</b>
							</li>
						</ul>
					</div>
				</div>
				<!--本年度招生计划-->
				<div class="s_admission">
					<div class="s_admission_title">本年度招生计划</div>
					<div class="s_admission_fast_list">
						<ul>
							<li>
								<div class="s_admission_content"><span>B</span>&nbsp<span>四川</span></div>
								<div class="s_admission_select"><img src="../assets/introduce/seclect_03.png" alt="" /></div>
							</li>
							<li>
								<div class="s_admission_content"><span>文科</span></div>
								<div class="s_admission_select"><img src="../assets/introduce/seclect_03.png" alt="" /></div>
							</li>
							<li>
								<div class="s_admission_content"><span>2018</span></div>
								<div class="s_admission_select"><img src="../assets/introduce/seclect_03.png" alt="" /></div>
							</li>
							<li>
								<div class="s_admission_content"><span>本科一批</span></div>
								<div class="s_admission_select"><img src="../assets/introduce/seclect_03.png" alt="" /></div>
							</li>
						</ul>
					</div>
					<div class="s_fees_list_b">
						<ul>
							<li>学科分类：</li>
							<li>
								<input type="checkbox" name="fees" /><span>法学</span>
							</li>
							<li><input type="checkbox" name="fees" /><span>理学</span></li>
							<li><input type="checkbox" name="fees" /><span>文学</span></li>
						</ul>
					</div>
					<div class="s_fees_style">
						<div class="s_fees_style_title">
							<ul>
								<li class="express_name"><span>专业名称</span></li>
								<li class="express_name"></li>
								<li class="express_name"><span>学科门类</span></li>
								<li class="express_name"><span>二级门类</span></li>
								<li class="express_name"><span>计划招生</span></li>
							</ul>
						</div>
						<div class="s_fees_style_list">
							<div class="s_fees_child_list">
									<ul >
										<li class="express_name"><span>法学</span></li>
										<li class="express_name"></li>
										<li class="express_name"><span>法学</span></li>
										<li class="express_name"><span>法学类</span></li>
										<li class="express_name"><span>1</span></li>
									</ul>
						  </div>
						  <div class="s_fees_child_list">
									<ul >
										<li class="express_name"><span>法学</span></li>
										<li class="express_name"></li>
										<li class="express_name"><span>法学</span></li>
										<li class="express_name"><span>法学类</span></li>
										<li class="express_name"><span>1</span></li>
									</ul>
						  </div>
						    <div class="s_fees_child_list">
									<ul >
										<li class="express_name"><span>法学</span></li>
										<li class="express_name"></li>
										<li class="express_name"><span>法学</span></li>
										<li class="express_name"><span>法学类</span></li>
										<li class="express_name"><span>1</span></li>
									</ul>
						  </div>
						    <div class="s_fees_child_list">
									<ul >
										<li class="express_name"><span>法学</span></li>
										<li class="express_name"></li>
										<li class="express_name"><span>法学</span></li>
										<li class="express_name"><span>法学类</span></li>
										<li class="express_name"><span>1</span></li>
									</ul>
						  </div>
						    <div class="s_fees_child_list">
									<ul >
										<li class="express_name"><span>法学</span></li>
										<li class="express_name"></li>
										<li class="express_name"><span>法学</span></li>
										<li class="express_name"><span>法学类</span></li>
										<li class="express_name"><span>1</span></li>
									</ul>
						  </div>
						</div>
						<!--切换按钮-->
     						    <div class="s_tab">
     						  	   <div class="s_tab_k">
     						  		<span><img src="../assets/pcschool/sc_03.png" alt="" /></span>
     						  		<span><img src="../assets/pcschool/sc_05.png" alt="" /></span>
     						  	</div>
     						  </div>	  
					</div>
					<!--按钮-->
     						  <div class="express_test">测一测你被'清华大学'录取的概率</div>
				</div>
			</div>
		</div>
	</div>
	<!--录取招生-->
	<div class="lqzs" v-show="lqzs">
		<div class="lq_head">
			<div class="lq_title">院校录取分数线</div>
			<div class="lq_select">
				<ul>
					<li>
						<div>
							<span>S</span>&nbsp<span>四川</span>
							 <b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b>
						</div>
					</li>
					<li>
						<div>
							<span>文科</span>
							 <b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b>
						</div>
					</li>
				</ul>
			</div>
			<!--数据展示-->
			<div class="lq_data">
				<div class="lq_data_title">
					<ul>
						<li><span>年份</span></li>
						<li><span>平均分</span></li>
						<li><span>最高分</span></li>
						<li><span>最低分</span></li>
						<li><span>最低排名</span></li>
						<li><span>录取人数</span></li>
						<li><span>录取批次</span></li>
						<li><span>省控线</span></li>
					</ul>
				</div>
				<div class="lq_data_new">
					<div class="lq_data_new_list">
						<ul>
							<li><span>2017</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
						</ul>
					</div>
					<div class="lq_data_new_list">
						<ul>
							<li><span>2016</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
						</ul>
					</div>
					<div class="lq_data_new_list">
						<ul>
							<li><span>2015</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
						</ul>
					</div>
					<div class="lq_data_new_list">
						<ul>
							<li><span>2014</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
						</ul>
					</div>
					<div class="lq_data_new_list">
						<ul>
							<li><span>2013</span></li>
							<li><span>2</span></li>
							<li><span>-</span></li>
							<li><span>2</span></li>
							<li><span>-</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
							<li><span>2</span></li>
						</ul>
					</div>
					<div class="tb_title"><span>"-"表示暂无该项数据或院校该年无招生</span></div>
				</div>
				<!--数据表-->
				<div class="tb">
					<div class="charts">
						<div id="myChart" :style="{width:'800px',height:'300px'}"></div>
					</div>
				</div>
				<!--招生计划-->
				<div class="zs">
			<div class="lq_title">招生计划</div>
			<div class="lq_select">
				<ul>
					<li>
						<div>
							<span>S</span>&nbsp<span>四川</span>
							 <b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b>
						</div>
					</li>
					<li>
						<div>
							<span>文科</span>
							 <b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b>
						</div>
					</li>
					<li>
						<div>
							<span>2018</span>
							 <b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b>
						</div>
					</li>
					<li>
						<div>
							<span>本科一批</span>
							 <b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b>
						</div>
					</li>
				</ul>
			</div>
			<div class="s_fees_list_b">
						<ul>
							<li>学科分类：</li>
							<li>
								<input type="checkbox" name="fees" /><span>法学</span>
							</li>
							<li><input type="checkbox" name="fees" /><span>理学</span></li>
							<li><input type="checkbox" name="fees" /><span>文学</span></li>
						</ul>
					</div>
			<!--数据展示-->
			<div class="lq_data">
				<div class="zs_data_title">
					<ul>
						<li><span>专业名称</span></li>
						<li><span></span></li>
						<li><span>学科门类</span></li>
						<li><span>二级门类</span></li>
						<li><span>计划招生</span></li>
						<li><span>实际录取</span></li>
					</ul>
				</div>
				
				<div class="zs_data_new">
					<div class="zs_data_new_list">
						<ul>
							<li><span>法学</span></li>
							<li><span></span></li>
							<li><span>法学</span></li>
							<li><span>法学</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
						</ul>
					</div>
					<div class="zs_data_new_list">
						<ul>
							<li><span>法学</span></li>
							<li><span></span></li>
							<li><span>法学</span></li>
							<li><span>法学</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
						</ul>
					</div>
					<div class="zs_data_new_list">
						<ul>
							<li><span>法学</span></li>
							<li><span></span></li>
							<li><span>法学</span></li>
							<li><span>法学</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
						</ul>
					</div>
					<div class="zs_data_new_list">
						<ul>
							<li><span>法学</span></li>
							<li><span></span></li>
							<li><span>法学</span></li>
							<li><span>法学</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
						</ul>
					</div>
					<div class="zs_data_new_list">
						<ul>
							<li><span>法学</span></li>
							<li><span></span></li>
							<li><span>法学</span></li>
							<li><span>法学</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
						</ul>
					</div>
				</div>
				<!--切换图标-->
				<!--切换按钮-->
     						    <div class="s_tab">
     						  	   <div class="s_tab_k">
     						  		<span><img src="../assets/pcschool/sc_03.png" alt="" /></span>
     						  		<span><img src="../assets/pcschool/sc_05.png" alt="" /></span>
     						  	</div>
     				  </div>	  
			   </div>
				</div>
				
				<!--专业录取分数线-->
		<div class="zylq">
			<div class="lq_title">专业录取分数线</div>
			<div class="lq_select">
				<ul>
					<li>
						<div>
							<span>S</span>&nbsp<span>四川</span>
							 <b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b>
						</div>
					</li>
					<li>
						<div>
							<span>文科</span>
							 <b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b>
						</div>
					</li>
					<li>
						<div>
							<span>2018</span>
							 <b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b>
						</div>
					</li>
					<li>
						<div>
							<span>本科一批</span>
							 <b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b>
						</div>
					</li>
				</ul>
			</div>
			<div class="s_fees_list_b">
						<ul>
							<li>学科分类：</li>
							<li>
								<input type="checkbox" name="fees" /><span>法学</span>
							</li>
							<li><input type="checkbox" name="fees" /><span>理学</span></li>
							<li><input type="checkbox" name="fees" /><span>文学</span></li>
						</ul>
					</div>
			<!--数据展示-->
			<div class="lq_data">
				<div class="zylq_data_title">
					<ul>
						<li><span>专业名称</span></li>
						<li><span></span></li>
						<li><span>文理</span></li>
						<li><span>最高分</span></li>
						<li><span>平均分</span></li>
						<li><span>最低分</span></li>
						<li><span>录取批次</span></li>
						<li><span>录取位次</span></li>
					</ul>
				</div>
				
				<div class="zs_data_new">
					<div class="zylq_data_new_list">
						<ul>
							<li><span>法学</span></li>
							<li><span></span></li>
							<li><span>法学</span></li>
							<li><span>法学</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
						</ul>
					</div>
					<div class="zylq_data_new_list">
						<ul>
							<li><span>法学</span></li>
							<li><span></span></li>
							<li><span>法学</span></li>
							<li><span>法学</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
						</ul>
					</div>
					<div class="zylq_data_new_list">
						<ul>
							<li><span>法学</span></li>
							<li><span></span></li>
							<li><span>法学</span></li>
							<li><span>法学</span></li>
							<li><span>4</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
							<li><span>1</span></li>
						</ul>
					</div>
					<div class="zylq_data_new_list">
						<ul>
							<li><span>法学</span></li>
							<li><span></span></li>
							<li><span>法学</span></li>
							<li><span>法学</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
						</ul>
					</div>
					<div class="zylq_data_new_list">
						<ul>
							<li><span>法学</span></li>
							<li><span></span></li>
							<li><span>法学</span></li>
							<li><span>法学</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
							<li><span>4</span></li>
							<li><span>1</span></li>
						</ul>
					</div>
				</div>
				<!--切换图标-->
				<!--切换按钮-->
     						    <div class="s_tab">
     						  	   <div class="s_tab_k">
     						  		<span><img src="../assets/pcschool/sc_03.png" alt="" /></span>
     						  		<span><img src="../assets/pcschool/sc_05.png" alt="" /></span>
     						  	</div>
     				  </div>	  
			   </div>
				</div>
			</div>
		</div>
	</div>
	<!--就业前景-->
	<div class="jyqj" v-show="jyqj"></div>
	<!--校园风光-->
	<div class="xyfg" v-show="xyfg"></div>
</div>
</div>
			<!--右边公共部分-->
			<div class="univer_right">
				<div class="univer_mp">
					<div class="univer_mp_logo">
						<!--地图容器-->
					<!--	-->
					<!--<bmapcomponent ></bmapcomponent>-->
					<!--地图容器-->
                     <div id="XSDFXPage" class="XSDFXPage" style="width:100%;height:175px;"></div>
						<div style="border-left:4px solid #ffb607;height:50px;position: absolute;top:0px;left:0;"></div>
					</div>
					<div class="univer_mp_contact">
						<div class="univer_mp_local_title">
							<img src="../assets/introduce/intr_15.png" alt="" />
							<span>北京</span>
						</div>
						<div class="univer_mp_local">
							<div class="univer_mp_local_left">
								<div class="iniver_school_local">
									<div class="iniver_school_local_logo">
									<img src="../assets/introduce/intr_19.png" alt="" />
									</div>
									<div class="iniver_school_local_title">
										<p>学校地址</p>
										<span>北京市海定区清华园1号</span>
									</div>
								</div>
								<div class="univer_school_web">
									<div class="iniver_school_web_logo">
									<img src="../assets/introduce/intr_25.png" alt="" />
									</div>
									<div class="iniver_school_local_title">
										<p>官方网站</p>
										<span>www.tsinghua.edu.cn</span>
									</div>
								</div>
							</div>
							<div class="univer_mp_local_right">
								<div class="univer_school_web">
									<div class="iniver_school_web_student">
									<img src="../assets/introduce/intr_21.png" alt="" />
									</div>
									<div class="iniver_school_local_title">
										<p>招生电话</p>
										<span>010-62782051</span>
									</div>
								</div>
								<div class="iniver_school_local">
									<div class="iniver_school_local_logo">
									<img src="../assets/introduce/intr_26.png" alt="" />
									</div>
									<div class="iniver_school_local_title">
										<p>电子邮箱</p>
										<span>zsb@mail.tsinghua.edu.cn</span>
									</div>
								</div>
							</div>
						</div>
						
					</div>
				</div>
				<!--院校排名-->
						<div class="univer_school_rank">
							<div class="univer_school_rank_title">
								院校排名
							</div>
							<div class="univer_school_rank_list">
								<ul>
									<li>
										<div class="univer_school_rank_li">
											<span class="univer_school_title">薪酬排名：</span>
											<b class="right">
												<span>1</span>
												<i class="right-arrow1"></i><i class="right-arrow2"></i>
											</b>
										</div>
									</li>
									<li>
										<div class="univer_school_rank_li">
											<span class="univer_school_title">武书连排名：</span>
											<b class="right">
												<span>2</span>
												<i class="right-arrow1"></i><i class="right-arrow2"></i>
											</b>
										</div>
									</li>
									<li>
										<div class="univer_school_rank_li">
											<span class="univer_school_title">中国校友会网排名：</span>
											<b class="right">
												<span>3</span>
												<i class="right-arrow1"></i><i class="right-arrow2"></i>
											</b>
										</div>
									</li>
									<li>
										<div class="univer_school_rank_li">
											<span class="univer_school_title">Us News排名：</span>
											<b class="right">
												<span>4</span>
												<i class="right-arrow1"></i><i class="right-arrow2"></i>
											</b>
										</div>
									</li>
									<li>
										<div class="univer_school_rank_li">
											<span class="univer_school_title">Qs排名：</span>
											<b class="right">
												<span>5</span>
												<i class="right-arrow1"></i><i class="right-arrow2"></i>
											</b>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<!--院校推荐-->
			<div class="express_right">
				<div class="express_right_title">院校推荐</div>
				<div class="ecpress_right_list">
					<ul>
						<li>
							<div class="ecpress_right_li">
								<div class="ecpress_right_li_left">
									<span><img src="../assets/introduce/s_show_07.png" alt="" class="ecpress_right_li_mp" /></span>
								    <div class="ecpress_right_li_center">
								    	<div><span>清华大学</span>
								    		<b class="ecpress_right"><i class="ecpress_right-arrow1"></i><i class="ecpress_right-arrow2"></i></b>
								    	</div>
								    	<div>
								    		<span style="font-size:12px;">综合评分：</span><img src="../assets/introduce/intr_10.png" alt="" class="ecpress_right_li_score"/>
								    	</div>
								    </div>
								</div>
								<div class="ecpress_right_li_right">加入对比</div>
							</div>
						</li>
						<li>
							<div class="ecpress_right_li">
								<div class="ecpress_right_li_left">
									<span><img src="../assets/introduce/s_show_07.png" alt="" class="ecpress_right_li_mp" /></span>
								    <div class="ecpress_right_li_center">
								    	<div><span>清华大学</span>
								    		<b class="ecpress_right"><i class="ecpress_right-arrow1"></i><i class="ecpress_right-arrow2"></i></b>
								    	</div>
								    	<div>
								    		<span style="font-size:12px;">综合评分：</span><img src="../assets/introduce/intr_10.png" alt="" class="ecpress_right_li_score"/>
								    	</div>
								    </div>
								</div>
								<div class="ecpress_right_li_right">加入对比</div>
							</div>
						</li>
						<li>
							<div class="ecpress_right_li">
							<div class="ecpress_right_li_left">
									<span><img src="../assets/introduce/s_show_07.png" alt="" class="ecpress_right_li_mp" /></span>
								    <div class="ecpress_right_li_center">
								    	<div><span>清华大学</span>
								    		<b class="ecpress_right"><i class="ecpress_right-arrow1"></i><i class="ecpress_right-arrow2"></i></b>
								    	</div>
								    	<div>
								    		<span style="font-size:12px;">综合评分：</span><img src="../assets/introduce/intr_10.png" alt="" class="ecpress_right_li_score"/>
								    	</div>
								    </div>
								</div>
								<div class="ecpress_right_li_right">加入对比</div></div>
						</li>
						<li>
							<div class="ecpress_right_li">
							<div class="ecpress_right_li_left">
									<span><img src="../assets/introduce/s_show_07.png" alt="" class="ecpress_right_li_mp" /></span>
								    <div class="ecpress_right_li_center">
								    	<div><span>清华大学</span>
								    		<b class="ecpress_right"><i class="ecpress_right-arrow1"></i><i class="ecpress_right-arrow2"></i></b>
								    	</div>
								    	<div>
								    		<span style="font-size:12px;">综合评分：</span><img src="../assets/introduce/intr_10.png" alt="" class="ecpress_right_li_score"/>
								    	</div>
								    </div>
								</div>
								<div class="ecpress_right_li_right">加入对比</div></div>
						</li>
						<li>
							<div class="ecpress_right_li">
								<div class="ecpress_right_li_left">
									<span><img src="../assets/introduce/s_show_07.png" alt="" class="ecpress_right_li_mp" /></span>
								    <div class="ecpress_right_li_center">
								    	<div><span>清华大学</span>
								    		<b class="ecpress_right"><i class="ecpress_right-arrow1"></i><i class="ecpress_right-arrow2"></i></b>
								    	</div>
								    	<div>
								    		<span style="font-size:12px;">综合评分：</span><img src="../assets/introduce/intr_10.png" alt="" class="ecpress_right_li_score"/>
								    	</div>
								    </div>
								</div>
								<div class="ecpress_right_li_right">加入对比</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			</div>
		</div>
		
	</div>
</div>
</template>

<script>
	//引入图表插件
//	import BMap from 'BMap'
//import {MP} from './map.js'  
//import BMapComponent from './components/BMapComponent.vue'
	export default{
		name:'introduce',
		data(){
			return{
				 down:true,  //大数据
			    top:false,   //大数据
			  onedown:true,  //测试测评
			  onetop:false,   //测试测评
			  towdown:true,  //智能志愿
			  towtop:false,  //智能志愿
			  bigDataPanel:false,  //大数据面板
			  yxzs:true, //院校招生数据展示
			  lqzs:false, //录取招生数据展示
			  jyqj:false,//就业前景数据展示
			  xyfg:false,//校园风光数据展示
			  sindex:0,//校园情况导航
			  value1:null,
			  value2:null,
			  bigDataList:[   //大数据内容
			   {name:'院校大全',index:1},
			   {name:'专业大全',index:2},
			  ],
			 schoolDhList:[
			  {name:'校园概况',src:require("../assets/introduce/intr_32.png"),index:0},
			  {name:'录取招生',src:require("../assets/introduce/intr_32.png"),index:1},
			  {name:'就业前景',src:require("../assets/introduce/intr_34.png"),index:2},
			  {name:'校园风光',src:require("../assets/introduce/intr_37.png"),index:3},
			 ]
			 	 
			}
		},
		components:{
//			BMapComponent
		},
		computed:{
		
		},
		//模板渲染成html后调用，通常是初始化页面完成后
		mounted(){
			var echarts = require('echarts');
			let myChart = this.$echarts.init(document.getElementById('myChart'))
            myChart.setOption({
            title: {
                text: '',
          
            },
         color:['#96ce39','#5e8aed','#ff3879','#ffb607'],
         tooltip : {
                trigger: 'axis',
                axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                    type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                }
            },
        legend: {
//          data: ['最低分', '平均分','省控线','最低分排名'],
           
            data:[  {name:'平均分',icon:'rect',},
                {name:'最低分',icon:'rect',},
                {name:'省控线',icon:'rect',},
                {name:'最低分排名',icon:'rect',},
            ],
             left: '8%',
             icon:'rect' //设置样式 矩形
        },
        toolbox: {
            show: true,
        },
        
        calculable: true,
        xAxis: {
        	name:'年份',
            type: 'category',
            boundaryGap: true, //取消左侧的间距
            data: [2017,2016,2015,2014,2013],
           
        },
        yAxis: [
           {
            type: 'value',
            splitLine: { show: true },//去除网格线
            name: '(分数)',
                   scale: false,  
                   show:true,  
        },
        {
        	type: 'value',
            splitLine: { show: true },//去除网格线
//           'nameGap':30,	//坐标轴名字里坐标系的距离
             name: '(名次)',
             axisTick: {
                 alignWithLabel: true
             }
        }
        ],
        //每根折线展示数据
        series: [{
            name: '平均分',
            type: 'line',
            symbol: 'pin',    //设置折线图中表示每个坐标点的符号 emptycircle：空心圆；emptyrect：空心矩形；circle：实心圆；emptydiamond：菱形
             symbolSize: 40,//拐点大小
             'splitNumber':5,
             itemStyle : {
                    normal : {
//                  	color:'#96ce39',
                    	label : {
								show : true,
								formatter : '{c}',
									position : 'inside',
								textStyle : {
									fontSize : '10',
									color:'#ffffff'
								}
							},
                        lineStyle:{
                            width:3,//折线宽度
                            color:"#96ce39"//折线颜色
                        }
                    }
                },
               yAxisIndex:0,  
           data: []
        },
        {
        name: '最低分',
            type: 'line',
            symbol: 'pin',    //设置折线图中表示每个坐标点的符号 emptycircle：空心圆；emptyrect：空心矩形；circle：实心圆；emptydiamond：菱形
             symbolSize: 40,//拐点大小
             
             itemStyle : {
                    normal : {
//                  	color:'#5e8aed', //原点和 折线 一致	
                  	label : {
								show : true,
								formatter : '{c}',
									position : 'inside',
								textStyle : {
									fontSize : '10',
									color:'#ffffff'
								}
							},
                        lineStyle:{
                            width:3,//折线宽度
                            color:"#5e8aed"//折线颜色
                        }
                    }
                },
            yAxisIndex:0,
           data: []
        },
       
        {
            name: '省控线',
            type: 'line',
            symbol: 'pin',    //设置折线图中表示每个坐标点的符号 emptycircle：空心圆；emptyrect：空心矩形；circle：实心圆；emptydiamond：菱形
             symbolSize: 40,//拐点大小
          
             itemStyle : {
                    normal : {
                    	label : {
								show : true,
								formatter : '{c}',
								position : 'inside',
								textStyle : {
									fontSize : '10',
									color:'#ffffff'
								}
							},
                        lineStyle:{
                            width:3,//折线宽度
                            color:"#ff3779"//折线颜色
                        }
                    }
                },
               yAxisIndex:0,  
           data: []
        },
         {
        name: '最低分排名',
            type: 'line',
            symbol: 'pin',    //设置折线图中表示每个坐标点的符号 emptycircle：空心圆；emptyrect：空心矩形；circle：实心圆；emptydiamond：菱形
             symbolSize: 40,//拐点大小
             itemStyle : {
                    normal : {
                    	label : {
								show : true,
								formatter : '{c}',
									position : 'inside',
								textStyle : {
									fontSize : '10',
									color:'#ffffff'
								}
							},
                        lineStyle:{
                            width:3,//折线宽度
                            color:"#ffb607"//折线颜色
                        }
                    }
                },
               yAxisIndex:1, 
           data: []
        },
        ],
        
        });
//		myChart.showLoading();    //数据加载完之前先显示一段简单的loading动画       
        var series1 = [120,200,370,500,750];
        var series2 = [750,250,450,350,550];
        var series3 = [0,50,70,50,90,120];
        var series4 = [300,250,350,650,460];
			 // 使用刚指定的配置项和数据显示图表。
//        myChart.setOption(option);
          myChart.setOption({
//        	xAxis: {
//                  data: names
//              },
               
                series: [{                    
                    data: series1
                },
                {
                 data: series4
                },
                {
                 data: series2	
                },
                {
                    data: series3
             }
          ]
          });
          //
//        this.ready();// 百度地图API功能
            // 创建Map实例
        // 百度地图API功能
            // 创建Map实例
//          var map = new BMap.Map("XSDFXPage",{enableMapClick:true});
//          // 初始化地图,设置中心点坐标和地图级别
//          map.centerAndZoom(new BMap.Point(116.33,40.0), 11);
//          // 添加地图类型控件
//          map.addControl(new BMap.MapTypeControl());  
//          // 设置地图显示的城市 此项是必须设置的
//          map.setCurrentCity("北京");    
//          // 开启鼠标滚轮缩放      
//          map.enableScrollWheelZoom(true);
//          // 设置定时器，对地图进行自动移动
//
//          /************************************************
//          添加工具条、比例尺控件
//          *************************************************/
//          map.addControl(new BMap.ScaleControl({anchor:BMAP_ANCHOR_TOP_LEFT}));
//          map.addControl(new BMap.NavigationControl());
//          map.addControl(new BMap.NavigationControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,type:BMAP_NAVIGATION_CONTROL_SMALL}));
//          /************************************************
//          添加自定义控件类，放大ZoomControl
//          *************************************************/
//          function ZoomControl() {
//              //默认停靠位置和偏移量
//              this.defaultAnchor = BMAP_ANCHOR_BOTTOM_RIGHT;
//              this.defaultOffset = new BMap.Size(50,23);
//          }
//          //通过JavaScript的prototype属性继承于BMap.Control
//          ZoomControl.prototype = new BMap.Control();
//          //自定义控件必须实现自己的initialize方法，并且将控件的DOM元素返回
//          //在本方法中创建div容器，并将其添加到地图容器中
//          ZoomControl.prototype.initialize = function(map) {
//              //创建一个DOM元素
//              var div = document.createElement('div');
//              //添加文字说明
//              div.appendChild(document.createTextNode('放大两级'));
//              //添加样式
//              div.style.color = '#40C5CC'; 
//              div.style.cursor = 'pointer';
//              div.style.border = '3px solid gray';
//              div.style.backgroundColor = '#eee';
//              //绑定事件，点击触发
//              div.onclick = function(e) {
//                  map.setZoom(map.getZoom() + 2);
//              }
//              //添加DOM元素到地图上
//              map.getContainer().appendChild(div);
//              //将DOM元素返回
//              return div;
//          }
//          //创建控件
//          var myZoomCtrl = new ZoomControl();
//          map.addControl(myZoomCtrl)
//
//          /************************************************
//          添加添加城市列表控件
//          *************************************************/
//          map.addControl(new BMap.CityListControl({
//              anchor:BMAP_ANCHOR_BOTTOM_RIGHT,
//              offset:new BMap.Size(130,23)
//          
//          }));
//          /************************************************
//          添加新图标
//          *************************************************/
//
//          //添加新图标的监听事件
//          marker1.addEventListener('click',function(){
//              var p = marker1.getPosition();//获取位置
//              alert("点击的位置是：" + p.lng + ',' + p.lat);
//          })
//
//          /************************************************
//          添加曲线
//          *************************************************/
//          var beijingPosition=new BMap.Point(116.432045,39.910683),
//              hangzhouPosition=new BMap.Point(120.129721,30.314429),
//              taiwanPosition=new BMap.Point(121.491121,25.127053);
//          var point = [beijingPosition,hangzhouPosition,taiwanPosition];
//
//          var curve = new BMapLib.CurveLine(point, {strokeColor:"blue", strokeWeight:3, strokeOpacity:0.5});//创建弧线
//          map.addOverlay(curve);//添加到地图上
//          curve.enableEditing();//开启编辑功能
//
//          /************************************************
//          给地图添加右键菜单
//          *************************************************/
//          var menu = new BMap.ContextMenu();
//
//          var txtMenuItem = [
//              {
//                  text:'放大',
//                  callback:function(){map.zoomIn()}
//              },
//              {
//                  text:'缩小',
//                  callback:function(){map.zoomOut()}
//              }
//          ];
//          for(var i=0; i < txtMenuItem.length; i++){
//              menu.addItem(new BMap.MenuItem(txtMenuItem[i].text,txtMenuItem[i].callback,100));
//          }
//          map.addContextMenu(menu);
            this.ready();
		},
		methods:{
			//地图
			  ready: function() {
      var map = new BMap.Map('XSDFXPage');
      var point = new BMap.Point(116.333134,40.009545);
      map.centerAndZoom(point, 14);
      map.addControl(new BMap.MapTypeControl());
      map.enableScrollWheelZoom(true);
      map.enableDoubleClickZoom(true);
      var marker = new BMap.Marker(point);
      map.addOverlay(marker);
    },
		   	//大数据
			mouseenover:function(){
				this.down = !this.down;
				this.top = !this.top;
				this.bigDataPanel = !this.bigDataPanel;
			},
			//选择大数据
			choseData:function(name,index){
				console.log(name)
				this.bigDataPanel = true;
				this.down = false;
				this.top = true;
				if(index == 1){
					this.$router.push({
                    path:'/pc/pcSchool'
                })//pc端
				}
				else if(index == 2){
					this.$router.push({
                    path:'/pc/pcProfes'
                })//pc端
				}
			},
			//测试测评
			mouseenoverone:function(){
				this.onedown = !this.onedown;
				this.onetop = !this.onetop;
			},
			//智能志愿
			mouseenovertwo:function(){
				this.towdown = !this.towdown;
				this.towtop = !this.towtop;
			},
			//
			univerDh:function(index){
				this.sindex = index;
				if(index == 0){
					 this.yxzs = true; //院校招生数据展示
			          this.lqzs = false; //录取招生数据展示
			          this.jyqj = false;//就业前景数据展示
			         this.xyfg = false;//校园风光数据展示
				}
				else if(index == 1){
					 this.yxzs = false; //院校招生数据展示
			          this.lqzs = true; //录取招生数据展示
			          this.jyqj = false;//就业前景数据展示
			         this.xyfg = false;//校园风光数据展示
				}
				else if(index == 2){
					 this.yxzs = false; //院校招生数据展示
			          this.lqzs = false; //录取招生数据展示
			          this.jyqj = true;//就业前景数据展示
			         this.xyfg = false;//校园风光数据展示
				}
				else if(index == 3){
					 this.yxzs = false; //院校招生数据展示
			          this.lqzs = false; //录取招生数据展示
			          this.jyqj = false;//就业前景数据展示
			         this.xyfg = true;//校园风光数据展示
				}
			}
		}
	}
</script>

<style>
	@media only screen and (min-width:1100px ) {
		.univer{width:100%;overflow: hidden;position: relative;}
		.univer_left{width:70%;display:inline-block;overflow: hidden;float:left;position: relative;padding-right:10px;margin-top:35px;font-size:30px;color:#333333;}
		.univer_title span{font-size:36px;}
		.univer_top{width:100%;overflow: hidden;position: relative;}
		.univer_title{display: inline-block;width:70%;}
		.univer_watch_map{float:right;width:25%;text-align: right;margin-top:10px;cursor: pointer;margin-right:35px;}
		.univer_watch_map span{font-size:12px;color:#9a9a9a;}
		.univer_watch_map img{position: relative;top:5px;}
		.univer_symbol{width:100%;overflow: hidden;position: relative;margin-top:20px;}
		.univer_belone{width:60%;display:inline-block;}
		.univer_belone .un_s_logo{width:90px;height:90px;}
		.un_symbol_list{display:inline-block;overflow: hidden;position: relative;top:-30px;}
		.un_symbol_list li{float:left;padding:5px 10px;border:1px solid #666666;margin-left:15px;text-align: center;
		color:#666666;font-size:12px;vertical-align: middle;}
		.univer_evel{position:relative;top:-15px;width:37%;overflow: hidden;position: relative;display: inline-block;border-left:1px solid #666666;padding-left:8px;}
	    .univer_evel_star{display:inline-block;width:50%;}
	    .univer_evel_star p{font-size:12px;color:#999999;}
	    .univer_evel_star img{width:120px;}
	    .univer_evel_bt{width:47%;display: inline-block;overflow: hidden;position: relative;}
	    .univer_evel_adminn{cursor:pointer;width:100%;height:30px;background-color:#000000;color:#ffffff;text-align: center;line-height: 30px;font-size:12px;}
        .univer_evel_pk{width:100%;overflow: hidden;position: relative;}
        .univer_evel_pk li{cursor:pointer;margin-top:2px;float:left;width:49%;height:30px;background-color:#ffb607;text-align: center;line-height: 30px;color:#000000;font-size:12px;}	
	    .univer_evel_pk .gz{margin-right:2px;}
	    .univer_s_logo{width:100%;margin-top:10px;}
	    .univer_s_logo img{width:100%;}
	    /*导航*/
	  .univer_dh{width:100%;overflow: hidden;position: relative;margin-top:30px;}
	  .univer_list{width:100%;overflow: hidden;border-bottom: 1px solid #666666;}
	  .univer_list li{width:25%;float:left;padding-bottom: 15px;text-align: center;cursor: pointer;}
	  .univer_list li span{font-size:14px;display:inline-block;padding-left:15px;}
	  .univer_list li img{position: relative;top:10px;}
	  .univer_intr{margin-top:40px;padding-left:10px;padding-right:10px;}
	  .univer_intr_content{width:100%;}
	  .univer_intr_content_left{display:inline-block;width:80%;overflow: hidden;position: relative;}
	  .univer_intr_title{font-size:20px;}
	  .univer_intr_center{width:100%;font-size:12px;color:#686868;margin-top:18px;text-indent:2em;line-height: 20px;padding-bottom: 40px;}
	  .univer_find_all{width:140px;height:30px;border:1px solid #feb609;text-align: center;font-size:12px;cursor:pointer;line-height: 30px;color:#696969;margin:0 auto;}
	  .univer_intr_content_right{width:18%;display:inline-block;overflow: hidden;position: relative;border-left:1px solid #cccccc;}
	  .univer_intr_right_title{padding-left:10px;border-left:3px solid #ffb607;height:45px;line-height: 45px;font-size:20px}
	  .univer_intr_right_list{margin-top:35px;padding-left:10px;}
	  .univer_intr_right_list li{font-size:12px;color:#666666;margin-bottom: 20px;;}
	  .univer_right{padding-right:10px;width:28%;display:inline-block;overflow: hidden;position: relative;margin-top:35px;}
	  .dh_iniver_dh{border-bottom: 4px solid #ffb607;}
	  .dh_iniver_dh span{color:#ffb607;}
	  /**/
	  .univer_mp{padding-left:10px;border-left:1px solid #cccccc;}
	  .univer_mp_logo img{width:100%;}
	  .univer_mp_local_title{padding-top:15px;padding-bottom: 10px;border-bottom: 1px dashed #cccccc;}
	  .univer_mp_local_title span{font-size:12px;display:inline-block;padding-left:30px;}
	  .univer_mp_local_title img{position: relative;top:5px;left:10px;}
	  .univer_mp_local{width:100%;overflow: hidden;position: relative;}
	  .univer_school_web{width:100%;overflow: hidden;position: relative;border-bottom: 1px dashed #cccccc;}
	  .univer_mp_local_left{width:50%;border-right:1px dashed #cccccc;display: inline-block;}
	  .univer_mp_local_right{width:49%;display: inline-block;float:right;}
	  .iniver_school_local{width:100%;border-bottom: 1px dashed #cccccc;}
	  .iniver_school_web_logo{position: relative;overflow: hidden;width:100%;}
	  .iniver_school_web_logo img{float:right;padding-top:20px;padding-right:10px;}
	  .iniver_school_web_student{position: relative;overflow: hidden;width:100%;}
	  .iniver_school_web_student img{float:right;padding-top:20px;padding-right:10px;}
	  .iniver_school_local_logo img{float:right;padding-top:10px;padding-right:10px;}
	  .iniver_school_local_title p{font-size:12px;color:#383838;}
	  .iniver_school_local_title{padding-bottom: 15px;}
	  .iniver_school_local_logo{position: relative;overflow: hidden;width:100%;}
	  .iniver_school_local_title span{font-size:12px;color:#a9a9a9;}
	  /**/
	 .univer_school_rank{margin-top:80px;border-left:1px solid #cccccc;overflow: hidden;}
	 .univer_school_rank_title{padding-left:10px;height:50px;line-height: 50px;border-left:4px solid #ffb607;font-size:20px;color:#0b0b0b;}
	 .univer_school_rank_list{padding-left:10px;overflow: hidden;position: relative;}
	 .univer_school_rank_list li{border-bottom: 1px dashed #cccccc;margin-top:40px;}
	 .univer_school_rank_li{position: relative;overflow: hidden;padding-bottom: 5px;cursor: pointer;}
	 /*开设专业*/
	 .express{width:100%;margin-top:60px;overflow: hidden;position: relative;}
	 .ecpress_left{width:100%;display:inline-block;overflow: hidden;position: relative;}
	 .ecpress_left_title{height:50px;line-height: 50px;font-size:20px;color:#292929;}
	 .ecpress_left_center{padding-right:20px;margin-bottom: 40px;}
	 .ecpress_left_center_content{width:100%;overflow: hidden;position: relative;background-color:#fafafa;}
	 .ecpress_left_content{padding-left:10px;padding-right:10px;overflow: hidden;}
	 .ecpress_left_content_center{width:100%;overflow: hidden;position: relative;}
	 .ecpress_left_fast_title{height:40px;border-bottom: 1px dashed #cccccc;line-height: 40px;padding-left:20px;}
	 .ecpress_left_fast_title span{font-size:16px;color:#1c1c1c;display: inline-block;padding-left:20px;}
	 .ecpress_left_fast_title img{position: relative;top:8px;}
	 .ecpress_left_fast_list{width:100%;height:40px;background-color:#f1f1f1;line-height: 40px;margin-bottom: 20px;margin-top:5px;}
	 .ecpress_left_fast_li{overflow: hidden;position: relative;padding-left:20px;}
	 .ecpress_left_fast_li li{float:left;font-size:14px;margin-right:50px;}
	 .express_find{width:140px;height:30px;text-align: center;line-height: 30px;border:1px solid #fdb604;color:#a6a6a6;font-size:12px;margin:auto;}
	  /*院校推荐*/
	 .express_right{width:100%;overflow: hidden;margin-top:80px;border-left:1px solid #cccccc;padding-right:10px;display: inline-block;}
	 .express_right_title{height:50px;border-left:4px solid #fdb604; font-size:20px;line-height: 50px;padding-left:10px;}
	 .ecpress_right_list{overflow: hidden;padding-left:10px;position: relative;}
	 .ecpress_right_list li{margin-top:40px;}
	 .ecpress_right_li{width:100%;overflow: hidden;position: relative;}
	 .ecpress_right_li .ecpress_right_li_mp{width:50px;height:50px;}
	 .ecpress_right_li_left{width:70%;display:inline-block;overflow: hidden;position: relative;}
	 .ecpress_right_li_center{display:inline-block;position: relative;overflow: hidden;padding-left:10px;}
	 .ecpress_right_li_center .ecpress_right_li_score{width:85px;}
	 .ecpress_right_li_right{cursor:pointer;display:inline-block;width:28%;position:absolute;right:0;top:10px;height:30px;line-height: 30px;border:1px solid #fdb604;text-align: center;font-size:12px;color:#a1a1a1;}
	  
	  /*学费信息*/
	 .fees{width:100%;display: inline-block;;overflow: hidden;position: relative;padding-right:20px;margin-top:60px;}
	 .s_fees{width:100%;overflow: hidden;position: relative;}
	 .s_fees_title{height:50px;line-height: 50px;font-size:20px; color: rgb(41, 41, 41);}
	 .s_fees_list{overflow: hidden;position: relative;margin-top:20px;}
	 .s_fees_list li{float:left;padding:10px 50px;background-color:#f4f4f4;text-align: center;font-size:12px;margin-right:55px;}
	 /*校园生活*/
	.s_life{width:100%;overflow: hidden;position: relative;margin-top:60px;}
	.s_life_title{height:50px;line-height: 50px;font-size:20px; color: rgb(41, 41, 41);}
	.s_life_list{overflow: hidden;position: relative;margin-top:20px;}
	.s_life_list li{float:left;padding:20px 150px;text-align: center;font-size:12px;margin-right:90px;}
	.s_life_list .s_life_acdom{background-color:#000000;color:#ffffff;position: relative;cursor: pointer;}
	.s_life_list .scholarship{background-color:#ffb607;color:#ffffff;position: relative;cursor: pointer;}
	/*本年度招生计划*/
	.s_admission{width:100%;overflow: hidden;position: relative;margin-top:60px;margin-bottom: 60px;}
	.s_admission_title{height:50px;line-height: 50px;font-size:20px; color: rgb(41, 41, 41);}
	.s_admission_fast_list{margin-top:25px;overflow: hidden;position: relative;}
	.s_admission_fast_list li{float:left;margin-right:15px;}
	.s_admission_content{cursor:pointer;padding:5px 30px 5px 10px;border:1px solid #666666;font-size:12px;border-right:none;display:inline-block; }
	.s_admission_select{cursor:pointer;position:relative;top:15px;left:-10px;height:25px;width:28px;border:1px solid #666666;display:inline-block;position: relative;}
	.s_admission_select img{position: relative;top:-15px;left:10px;}
    .s_fees_list_b{overflow: hidden;position: relative;}
    .s_fees_list_b li{float :left;padding-top:20px;padding-bottom: 20px;margin-right:20px;font-size:12px;color:#666666;}
    .s_fees_list_b li input{width:15px;height:15px;border:1px solid #666666;background-color:#ffffff;color:#666666;}
	   .s_fees_list_b li span{position: relative;top:-4px;}
	.s_fees_style{width:100%;overflow: hidden;position: relative;margin-bottom: 70px;}  
	.s_fees_style_title{height:50px;background-color:#ffb607;line-height: 50px;color:#ffffff;font-size:12px;overflow: hidden;position: relative;} 
	.s_fees_style_title li{float:left;text-align: center;height:50px;}
	.s_fees_style_title li span{display:inline-block;padding-left:50px;}
	.express_test{width:300px;height:40px;background-color:#000000;text-align: center;line-height: 40px;font-size:12px;color:#ffffff;cursor: pointer;margin:0 auto;}
	.express_name{width:20%;height:50px;}
	.s_fees_child_list{overflow: hidden;position: relative;}
	.s_fees_child_list:nth-child(even){width:100%;background-color:#ffffff;}
	.s_fees_child_list:nth-child(even){width:100%;background-color:#f8f8f8;}
	.s_fees_child_list li{float:left;text-align: center;height:50px;}
	.s_fees_child_list li span{display:inline-block;padding-left:50px;}
	.s_fees_child_list li:nth-child(1) span{color:#ffb607;}
	.s_tab_k{cursor: pointer;}
	/*.s_fees_style_list li:nth-child(even){background-color:#FFffff;}
	.s_fees_style_list li:nth-child(odd){background-color:#f8f8f8;}*/
	.s_fees_style_list li{height:50px;line-height: 50px;font-size:12px;}
	  /*右箭头*/
        .right{width:10px; height:10px; position:absolute;right:0; top:0;border:1px solid 989898;}
        .right span{font-size:12px;color:#fece60;display:inline-block;position: absolute;right:30px;top:4px;}
        .right-arrow1,.right-arrow2{width:0;height:0;display:block; position:absolute; right:0;
            top:5px;border-top:5px transparent dashed;border-right:5px transparent dashed;border-bottom:5px transparent dashed;border-left:5px white solid;overflow:hidden;}
        .right-arrow1{left:1px;/*重要*/border-left:5px #989898 solid;}
        .right-arrow2{border-left:5px white solid;}
        /*院校推荐有箭头*/
       .ecpress_right{width:10px; height:10px; position:absolute;right:0; top:0;border:1px solid 989898;}
        .ecpress_right span{font-size:12px;color:#fece60;display:inline-block;position: absolute;right:30px;top:4px;}
        .ecpress_right-arrow1,.ecpress_right-arrow2{width:0;height:0;display:block; position:absolute; right:0;
            top:5px;border-top:5px transparent dashed;border-right:5px transparent dashed;border-bottom:5px transparent dashed;border-left:5px white solid;overflow:hidden;}
        .ecpress_right-arrow1{left:1px;/*重要*/border-left:5px #989898 solid;}
        .ecpress_right-arrow2{border-left:5px white solid;}
        /*校园生活箭头*/
        .life_right{width:20px; height:20px; position:absolute;right:30px; top:10px;border:1px solid 989898;}
        .life_right-arrow1,.life_right-arrow2{width:0;height:0;display:block; position:absolute; right:0;
            top:10px;border-top:10px transparent dashed;border-right:10px transparent dashed;border-bottom:10px transparent dashed;border-left:10px white solid;overflow:hidden;}
        .life_right-arrow1{left:1px;/*重要*/border-left:10px #989898 solid;}
        .life_right-arrow2{border-left:10px white solid;}
	}
</style>